
<!DOCTYPE html>
<html lang="en-US">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mtons轻博客 - 修改用户信息</title>
	<meta name="keywords" content="mtons,blog,轻博客,博客,社区,摄影,旅游,美食,时尚,艺术,娱乐 ">
	<meta name="description" content="Mtons, 轻松分享你的兴趣. 便捷的文字、图片发布,扁平化的响应式设计,美观、大气,是您记录生活的最佳选择">
		
<link rel='stylesheet' media='all'
	href='./dist/css/font-awesome.min.css' />
<link rel="stylesheet" href="./dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./dist/css/style.css">
<link rel="stylesheet" href="./dist/css/layout.css">
<link rel="stylesheet" href="./dist/css/animate.css">
	
	<!--[if lt IE 9]>
    <script src="/dist/js/html5.js"></script>
    <![endif]-->
	
	<script type='text/javascript' src='/dist/js/jquery.min.js'></script>
	<script type="text/javascript" src="/dist/js/jquery.lazyload.js"></script>
	<script type="text/javascript" src="/dist/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="/dist/js/plugins.js"></script>
	<script type='text/javascript' src='/dist/js/jquery-validate.js'></script>
	<script type='text/javascript' src='/dist/js/mtons.js'></script>
	
		
	<script type='text/javascript' src='/dist/js/global.js'></script>
	
	<!-- Favicons -->
	<link rel="apple-touch-icon-precomposed" href="http://mtons.com/dist/images/logo/m.png"/>
	<link rel="shortcut icon" href="http://mtons.com/dist/images/logo/m.png"/>
	
</head>
<body>
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	<!--[if lt IE 8]>
<div class="alert alert-danger alert-dismissible fade in" role="alert" style="margin-bottom:0">
      <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
      <strong>您正在使用低版本浏览器，</strong> 在本页面的显示效果可能有差异。
        建议您升级到
        <a href="http://www.google.cn/intl/zh-CN/chrome/" target="_blank">Chrome</a>
        或以下浏览器：
        <a href="www.mozilla.org/en-US/firefox/‎" target="_blank">Firefox</a> /
        <a href="http://www.apple.com.cn/safari/" target="_blank">Safari</a> /
        <a href="http://www.opera.com/" target="_blank">Opera</a> /
        <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie" target="_blank">Internet Explorer 10</a>
</div>
<![endif]-->
	<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand logo" href="http://www.mtons.com"><img src="http://mtons.com/dist/images/logo/m.png"></a>
		</div>
		<div id="navbar" class="navbar-collapse collapse">
			<ul class="nav navbar-nav">
								<li>
					<a href="/home">我的首页</a>
				</li>
								<li>
					<a href="/browse/explore">发现</a>
				</li>
				<li>
					<a href="/browse/gallery">走廊</a>
				</li>
			</ul>
			<div class="navbar-left">
				<form class="navbar-form" method="get" action="/browse/search">
					<input type="text" class="form-control" name="q" placeholder="搜索...">
				</form>
			</div>
			
			<ul class="nav navbar-nav navbar-right">
								<li class="dropdown">
					<a href="#" class="ava dropdown-toggle" data-toggle="dropdown">
						<img class="img-circle" src="http://mtons.com/dist/images/logo/m.png">
					</a>
					<ul class="dropdown-menu" role="menu">
		                <li>
		                	<a href="/account/profile" class="ava">
		                		<img class="img-circle" src="http://mtons.com/dist/images/logo/m.png">
		                		<span>	愤怒的土豆
	</span>
		                	</a>
		               	</li>
		                <li class="divider"></li>
		                <li><a href="/logout">退出</a></li>
		              </ul>
				</li>
							</ul>
		</div>
	</div>
</nav>	
	
<div class="profile">
	<div class="container">
		<a href="/account/avatar" class="avatar bounceInDown animated">
			<img class="img-circle" src="http://mtons.com/dist/images/logo/m.png">
		</a>
		<h1>	愤怒的土豆
	</h1>
		<!--
		<a class="btn btn-white" href="#">Back</a>
		-->
	</div>
</div>
<nav id="profile-navigation" class="profile-navbar">
	<div class="container">
		<div class="content">
			<ul class="nav navbar-nav">
				<li class="active">
					<a href="profile">用户信息</a>
				</li>
				<li class="">
					<a href="avatar">修改头像</a>
				</li>
				<li class="">
					<a href="password">登录密码</a>
				</li>
			</ul>
		</div>
	</div>
</nav>

<section class="site-main container">	
	<div class="site-content">
	    <div class="panel panel-default stacked">
	    	<div class="panel-heading"><span class="fa fa-user"></span> 修改用户信息</div>
	    	<div class="panel-body">
	    		<div id="message">
	    		
	    		</div>
    			<div class="tab-pane active" id="profile">
    				<form id="pf" action="profile" method="post" class="form-horizontal">
						<div class="form-group">											
							<label class="control-label col-lg-3" for="nickname">昵称</label>
							<div class="col-lg-4">
								<input type="text" class="form-control" name="name" value="愤怒的土豆" maxlength="7" data-required>
							</div>		
						</div>
						<div class="form-group">											
							<label class="control-label col-lg-3" for="email">邮箱地址</label>
							<div class="col-lg-6">
								<input type="text" class="form-control" name="email" value="langhsu@163.com" maxlength="64" data-required >
							</div>		
						</div>
						<div class="form-group">
							<div class="text-center">
								<button type="submit" class="btn btn-primary">提交</button> 
							</div>
						</div><!-- /form-actions -->
    				</form>
    			</div>
	    	</div><!-- /panel-content -->
	    </div><!-- /panel -->
	</div>
</section>
<script type="text/javascript">
$(function(){
	$('#pf').validate({
		onKeyup : true,
		onChange : true,
		eachValidField : function() {
			$(this).closest('div').removeClass('has-error').addClass('has-success');
		},
		eachInvalidField : function() {
			$(this).closest('div').removeClass('has-success').addClass('has-error');
		}
	});

})
</script>
	<!--.site-main -->
	
	<footer class="bs-docs-footer" role="contentinfo">
	    <div class="footer-nav">
	        <div class="container">
	            <ul class="about-ul list-inline clearfix">
	                <li><a href="/about" target="_blank">关于我们</a></li>
	                <li><a href="/joinus" target="_blank">加入我们</a></li>
	                <li><a href="/contact" target="_blank">广告及服务</a></li>
	                <li><a href="/help" target="_blank">常见问题解答</a></li>
	            </ul>
	        </div>
	    </div>
	        <div class="container copy-right">
	        <span>Copyright © <a href="#">Mtons</a> （<a href="http://www.miitbeian.gov.cn/" target="_blank">京ICP备6666666</a>)</span>
	    </div>
	</footer>
	<a href="#" class="site-scroll-top"></a>
</body>
</html>
